<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		
		<link rel="stylesheet" href="../css/bootstrap.min.css" />
		
		<script src="../js/jquery-2.1.1.min.js"></script>
		<script src="../js/bootstrap.min.js"></script>
		<script src="../js/ajax.js"></script>
		<script src="../js/student/student.js"></script>
		<script src="../js/vue.js"></script>
		<script src="../js/axios.min.js"></script>
		
		<style>
			body{
				padding: 20px;
				background-color: white;
				
			}
			
		</style>
	</head>
	<body>
		
		<!--修改的模态框开始-->
				<!-- Modal -->
				<div class="modal fade" id="updateStudentModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
				  <div class="modal-dialog" role="document">
				    <div class="modal-content">
				      <div class="modal-header">
				        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
				        <h4 class="modal-title" id="myModalLabel">角色修改</h4>
				      </div>
				      <div class="modal-body">
		
							<!-- 角色新增的表单 开始 -->
							<form class="form-horizontal">
							  <div class="form-group">
							    <label for="updateTeacherId" class="col-sm-2 control-label">#</label>
							    <div class="col-sm-10">
								  <p class="form-control-static" name="updateStudentId"></p>
								  <input type="hidden" name="updateStudentId" />
							    </div>
							  </div>
							  
							<div class="form-group">
								<label for="studentName" class="col-sm-2 control-label">用户姓名</label>
								<div class="col-sm-10">
								  <input type="text" class="form-control" id="studentName" name="updateStudentName" placeholder="用户姓名">
								</div>
							 </div>
							  
							<div class="form-group">
								<label for="studentPhone" class="col-sm-2 control-label">电话</label>
								<div class="col-sm-10">
								  <input type="text" class="form-control" id="studentPhone" name="updateStudentPhone" placeholder="电话">
								</div>
							</div>
							
							<div class="form-group">
								<label for="studentEmail" class="col-sm-2 control-label">邮箱</label>
								<div class="col-sm-10">
								  <input type="text" class="form-control" id="studentEmail" name="updateStudentEmail" placeholder="邮箱">
								</div>
							</div>
							
							
							<div class="form-group">
								<label for="studentEmail" class="col-sm-2 control-label">学历</label>
								<div class="col-sm-10">
									<select id="EducationList" class="form-control"  style="width: 100px;">
										<option>-请选择-</option>
									</select>
								</div>
							</div>
						
					 
							</form>
							<!-- 角色新增的表单 结束 -->
		
				      </div>
				      <div class="modal-footer">
				        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
				        <button type="button" id="modalUpdateStudentButton" class="btn btn-primary">修改</button>
				      </div>
				    </div>
				  </div>
				</div>
				<!--修改的模态框结束-->
		
		
	
	
	
	
		
		
		<div class="container">
			
			<!-- 路径导航开始-->
			<div class="row">
				<div class="col-md-12">
					<ol class="breadcrumb">
					  <li><a style="text-decoration: none;" href="#">学生模块</a></li>
					  <li><a style="text-decoration: none;" href="#">个人中心</a></li>
					</ol>
				</div>
			</div>
			<!-- 路径导航结束-->
			
			
			
			<!-- 表格开始-->
			<div class="row">
				<div class="col-md-12">
					<table  class="table table-hover" id="studentListTable">
						
						<!-- 按钮开始-->
						<tr>
							<td  colspan="2">
								<div class="row">
									<div class="col-md-12">
										<button @click="tableUpdateStudentButton()" class="btn btn-primary btn-sm">
											<span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>修改
										</button>
								
									</div>
								</div>
								<!-- 按钮结束-->
							</td>
							
						</tr>
						
						
						<tr>
							<td>学生姓名</td>
							<td>{{student.name}}</td>
						</tr>
						
						<tr>
							<td>班级</td>
							<td>{{clazzName}}</td>
						</tr>
						
						<tr>
							<td>任课老师</td>
							<td>{{userName}}</td>
						</tr>
						
						<tr>
							<td>电话</td>
							<td>{{student.phone}}</td>
						</tr>
						
						<tr>
							<td>邮箱</td>
							<td>{{student.email}}</td>
						</tr>
						
						<tr>
							<td>学历</td>
							<td>{{student.education}}</td>
						</tr>
						
					</table>
				</div>  
			</div>
			<!-- 表格结束-->
		</div>
	</body>
</html>
